import React from 'react';
import styles from './index.less';
import { Tooltip, Avatar, Image } from 'antd';
import { WechatOutlined, GithubOutlined } from '@ant-design/icons';
interface Props {}

export default function userInfo(props: Props) {
  return (
    <div className={styles.userInfo}>
      <a className={styles.avata} href="">
        <Avatar
          size={90}
          src="http://demo.qzhai.net/gohan/wp-content/uploads/2020/01/stock-photo-1005217204-1-100x100.png"
        />

        {/* <img src='http://demo.qzhai.net/gohan/wp-content/uploads/2020/01/stock-photo-1005217204-1-100x100.png' /> */}
      </a>
      <div>
        <p className={styles.username}>杨建坤</p>
        <p className={styles.desc}>杨建坤的站点</p>
        <ul className={styles.contacts}>
          <Tooltip title="微信">
            <li className={styles.contact}>
              <WechatOutlined />
            </li>
          </Tooltip>
          <Tooltip title="gitee">
            <li>
              <GithubOutlined />
            </li>
          </Tooltip>
        </ul>
      </div>
    </div>
  );
}
